{extend name='public/layout' /}
{block name='content'}
{include file='loupan/nav' /}
<div class="div_box">
    <h1 class="h1_title"><span class="h1_title_t">楼盘相册</span></h1>
    <ul class="cate_ul">
        <li><a {empty name='cate_id'}class="selected"{/empty} href="{:url('Loupan/pic',['house_id'=>$info['id']])}" >全部({$count.total})</a></li>
        {volist name='picCate' id='vo'}
        <li><a {if condition="$cate_id eq $vo['id']"}class="selected"{/if} href="{:url('Loupan/pic',['house_id'=>$info['id'],'cate'=>$vo['id']])}" >{$vo.name}({$count['cate_'.$vo['id']]})</a></li>
        {/volist}
    </ul>
    <div class="type_ul">
        <ul>
            {fang:lists table='house_pic' field='title,img' where='$where' limit='10' page='true' id='data'}
            <li>
                <a href="{$data.img}">
                    <img src="{$data.img}">
                    <p>{$data.title}</p>
                </a>
            </li>
            {/fang:lists}
        </ul>
        <div style="float: none;clear: both"></div>

    </div>
    <div class="plastic_bottom_pages">
        {$pages}
    </div>
</div>
<link href="__PUBLIC__/js/photoswipe/css/photoswipe.css" rel="stylesheet" />
<script src="__PUBLIC__/js/photoswipe/js/klass.min.js"></script>
<script src="__PUBLIC__/js/photoswipe/js/photoswipe.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var myPhotoSwipe = $(".type_ul a").photoSwipe({
            enableMouseWheel: false,
            enableKeyboard: false,
            captionAndToolbarAutoHideDelay: 0
        });
    });
</script>
{/block}